import React from 'react';
import './index.scss';
import { DivFlex, DivFlexCenter } from '@/styles/div-css/index';
import MenuList from './components/menu-list/index';
const logUrl = 'https://www.muyuanfoods.com/img/logo.b46a7e56.png';
// const logUrl = '';
//logo组件
const LogoComponent = () => (
  <DivFlexCenter className="logo" width="256px" height="48px">
    <img src={logUrl} alt="" />
  </DivFlexCenter>
);

const style = {};
export default function PublicHeader() {
  return (
    <DivFlexCenter className="public-header" $bgColor="#fff" height="62px">
      <DivFlex width="65%" style={style}>
        <LogoComponent></LogoComponent>
        <MenuList className="menu-list-area"></MenuList>
      </DivFlex>
    </DivFlexCenter>
  );
}
